<!doctype html>
<html>
<head>
 <title>IE7 {CSS2: auto}</title>

 <!-- Compliance patch for Microsoft browsers -->
 <!--[if lt IE 9]><script src="../trunk/lib/IE9.js"></script><![endif]-->

 <style>

  ul {

   background: url(tukan-trans.png) no-repeat;

  }

  li:hover {

   background-color: yellow;

  }

 </style>
</head>

<body>
 <h2>PNG bug</h2>

 <ul>
  <li><a href="javascript:alert('January')">January</a></li>
  <li><a href="javascript:alert('February')">February</a></li>
  <li><a href="javascript:alert('March')">March</a></li>
  <li><a href="javascript:alert('April')">April</a></li>
  <li><a href="javascript:alert('May')">May</a></li>
  <li><a href="javascript:alert('June')">June</a></li>
  <li><a href="javascript:alert('July')">July</a></li>
  <li><a href="javascript:alert('August')">August</a></li>
  <li><a href="javascript:alert('September')">September</a></li>
  <li><a href="javascript:alert('October')">October</a></li>
  <li><a href="javascript:alert('November')">November</a></li>
  <li><a href="javascript:alert('December')">December</a></li>
 </ul>

 <p>&lt;&nbsp;<a href="index.html">back</a></p>
</body>
</html>
